<template>
	<view class="container">
		<view class="bg-white">
			<kg-custom :isBack="true" bgColor="bg-white">
				<block slot="left">
					<view class="flex justify-start align-center bg-F4F4F4 padding-left round margin-left-sm" style="height: 70rpx;width: 460rpx;">
						<image :src="baseUrl + '/static/search_for.png'" mode="" style="width: 25rpx;height: 25rpx;"></image>
						<input type="text" value="" class="text-13 f-grow1 padding-left-sm" placeholder="搜索方案名称、标题" />
					</view>
				</block>
			</kg-custom>
			<view class="text-666 text-df flex justify-between align-center tabs">
				<view class="on padding-top-sm padding-bottom-sm margin-left margin-right">
					全部
				</view>
				<view class="padding-top-sm padding-bottom-sm margin-left margin-right">
					待接单
				</view>
				<view class="padding-top-sm padding-bottom-sm margin-left margin-right">
					已接单
				</view>
				<view class="padding-top-sm padding-bottom-sm margin-left margin-right">
					已完成
				</view>
				<view class="padding-top-sm padding-bottom-sm margin-left margin-right">
					已回收
				</view>
			</view>
		</view>
		<view class="bg-white padding margin-sm radius10">
			<view class="flex justify-between align-center">
				<view class="text-xl text-333 text-bold">
					我要一个桥梁安装工
				</view>
				<view class="text-767696 text-sm">
					待接单
				</view>
			</view>
			<view class="text-999 text-sm margin-top-xs">
				桥梁安装/桥梁设计
			</view>
			<view class="flex justify-between align-center margin-top">
				<view class="flex justify-center align-center">
					<view class="color text-bold">
						<text class="text-sm">¥ </text>
						<text class="text-17">400</text>
					</view>
					<view class="text-999 text-sm margin-left-sm">
						普通订单
					</view>
				</view>
				<view class="text-FF3636">
					倒计时 00:12:23
				</view>
			</view>
			<view class="margin-top flex justify-end align-center">
				<button class="bg-color text-13 text-white btn round">接单</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				baseUrl: this.$config.baseUrl,
			};
		}
	}
</script>

<style lang="scss" scoped>
	.tabs{
		border-bottom: 6rpx solid white;
		.on{
			color: #221815;
			border-bottom: 6rpx solid #ED7200;
		}
	}
	.btn{
		padding: 20rpx 50rpx;
	}
</style>
